@import url("header/header.css");
@import url("sidebar/sidebar.css");
@import url("content/content.css");
@import url("footer/footer.css");

html {
	background-image: linear-gradient(green, darkgreen);
	background-repeat: no-repeat;
	background-color: darkgreen;
	height: 100%;
}

#page {
	background-color: linen;
	
	height: 95%;
	width: 90%;
	min-width: 800px;
	
	margin: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	
	padding-top: 0;
	padding-bottom: 0;
	box-shadow: 3px 3px 10px 5px rgba(0,0,0,0.5);
}

#area {
	display: table;
	width: calc(100% - 16px);
	height: 100%;
	padding: 8px;
	padding-top: 4px;
}


#area > div {
	display: table-cell;
}

#area_spacer {
	width: 8px;
}


.dollars:before {
	content: "$";
}


button, input[type="button"], input[type="submit"] {
	background-image: linear-gradient(green, darkgreen);
	background-repeat: no-repeat;
	background-color: green;
	
	color: white;
	
	border: 1px solid;
	border-color: gray;
	outline: none;
	
	border-radius: 2px;
}


button:hover, input[type="button"]:hover, input[type="submit"]:hover {
	border-color: dimgray;
}


button:active, input[type="button"]:active, input[type="submit"]:active {
	background-image: linear-gradient(darkgreen, green);
	background-color: darkgreen;
	
	border-color: gray;
}